<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>新闻列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="/libs/layui/css/layui.css" rel="stylesheet">
    <script src="/libs/layui/layui.js"></script>
    <script src="/libs/js/jquery.js"></script>
    <script src="/libs/js/axios.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <style>
      .cate{
         margin-top: 10px;
      }
      .cateSelect{
        width: 100px !important;
      }
    
    </style>
</head>

<body>
    <!-- 面包屑导航 -->
    <span class="layui-breadcrumb" lay-separator="/">
        <a href="/">首页</a>
        <a href="javascript:;">新闻管理</a>
        <a href="/news">新闻管理</a>
        <a><cite>新闻列表</cite></a>
    </span>
    <div class="layui-card">
        <div class="layui-card-header" style="padding:10px;">
            <button class="layui-btn layui-btn-sm news-add">
                添加新闻
            </button>
        </div>
        <div class="layui-card-body">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">新闻分类</label>
                    <div class="layui-input-inline cateSelect">
                        <select class="cate">
                            <option value="0">请选择分类</option>
                            {{each cates v}}}
                            <option value="{{v.id}}">{{v.cate_name}}</option>
                            {{/each}}
                        </select>
                    </div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">新闻标题</label>
                    <div class="layui-input-inline">
                        <input type="text" class="title" autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-inline">
                    <button class="layui-btn btn-search">搜索</button>
                </div>

            </div>

            <table class="layui-hide" id="cate-table" lay-filter="test"></table>
            <!-- 工具栏 -->
            <script type="text/html" id="toolbarDemo">
                <div class="layui-btn-container">
                </div>
            </script>
            <!-- 操作的模板 -->
            <script type="text/html" id="op"">
                    <a class=" layui-btn layui-btn-xs" lay-event="edit">
                编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
            <!-- 定义图片的模板引擎:此用法会跟模板引擎发生冲突，无法识别数据的输出-->
            <!-- <script type="text/html" id="picTpl">
                1111111
            </script> -->


        </div>
    </div>
    <!-- 引入js文件 -->
    <script src="/js/news/news.js"></script>
</body>

</html>